{% extends "base.html" %}

{% block title %}アップロード{% endblock %}

{% block content %}

<div>
	※リプレイファイル(*.rep)をアップロードすることが出来ます<br />
	※一度に1,000ファイルまでアップロード出来ます<br />
	※アップロードできるのはバージョン2.03以降のファイルのみです<br />
	※アップロード済のファイルと同じものは無視されます<br />
	※対応していないファイルは無視されます<br />
</div>

<div>
	<form id="upload_form" method="post">
		<input type="file" name="Filedata" id="uploadify" /><br />
		<button type="button" onclick="$('#uploadify').uploadifyUpload();">アップロード</button><br />
	</form>
	<div id="fileQueue"></div>
</div>

<style>
.uploadifyQueueItem {
	font: 11px Verdana, Geneva, sans-serif;
	background-color: #F5F5F5;
	border: 3px solid #E5E5E5;
	margin-top: 5px;
	padding: 10px;
	width: 300px;
}
.uploadifyQueueItem .cancel {
	float: right;
}
.uploadifyProgress {
	background-color: #FFFFFF;
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
	border-right: 1px solid #C5C5C5;
	border-bottom: 1px solid #C5C5C5;
	margin-top: 10px;
	width: 100%;
}
.uploadifyProgressBar {
	background-color: #0099FF;
}
</style>

{% endblock %}

{% block scripts %}
<script type="text/javascript" src="/static/js/jquery.uploadify.js"></script>
<script type="text/javascript">
$(function(){
	$("#uploadify").uploadify({
		'uploader': '/static/js/uploadify.swf',
		'cancelImg': '/static/img/cancel.png',
		'script': '{{ url('upload') }}',
		'fileDesc': 'リプレイファイル',
		'fileExt': '*.rep',
		'multi': true,
		//'auto': true,
		'queueID': 'fileQueue',
		'buttonText': 'ファイル選択',
		//'displayData': 'speed',
		'queueSizeLimit': 1000,
		'simUploadLimit': 1,
		'onAllComplete': function(event, data){
			alert('合計 ' + data.filesUploaded + ' ファイルをアップロードしました。');
		}
	});
	$("#upload_form").keypress(function(e){
		var charCode = e.charCode ? e.charCode : (e.which ? e.which : e.keyCode);
		return !(Number(charCode) == 13 || Number(charCode) == 3);
	});
});
</script>
{% endblock %}
